<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<head>
	<%@ include file="include/meta.jsp" %>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>SISDEP : Sistema de Información de Espacio Público</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%= contextRoot %>/css/normalize.css">
	<link rel="stylesheet" href="<%= contextRoot %>/css/validationEngine.jquery.css"> <!-- Del validador de formularios -->
	<link rel="stylesheet" href="<%= contextRoot %>/css/jquery-ui-1.8.18.custom.css"> <!-- date-picker -->
	<link rel="stylesheet" href="<%= contextRoot %>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%= contextRoot %>/css/cuerpo.css">
	<script src="<%= contextRoot %>/js/jquery/lib/jquery-1.7.2.min.js"></script>
	<script src="<%= contextRoot %>/js/jquery/lib/jquery-ui-1.8.18.custom.min.js"></script> <!-- Jquery UI - date-picker -->
	<script src="<%= contextRoot %>/js/jquery/lib/modernizr-2.5.3.min.js"></script>
	<script src="<%= contextRoot %>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script> <!-- Validador del formulario -->
	<script src="<%= contextRoot %>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%= contextRoot %>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
	<script src="<%= contextRoot %>/js/jquery/lib/jquery.nivo.slider.pack.js"></script> <!-- formularios --> 
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<img src="<%= contextRoot%>/images/logos.png" />
<div class="clear"></div>
<!--inicio menu -->
	<%@ include file="include/menuUsuario.jsp" %>	
<!--fin menú --> 
<div class="clear"></div>
<!-- Formulario --> 
<div id="buscador">
<h2>Solicitud de Revalidación – Bandeja de entrada</h2>
<form id="form-buscador" name="form-buscador">
<span class="left">
<label>Resolución</label>
 <input type="text" style="width:135px" name=" ">
</span>

<span class="left">
<label>Nro Informe de retención</label>
 <input type="text"  style="width:135px" name=" ">
</span>

<span class="left">
<label>Número Expediente</label>
 <input type="text"  style="width:135px" name=" ">
</span>

<span class="left">
<label>Fecha</label>
 <input type="text" id="fecha" style="width:135px" name="fecha" class="validate[required]">
</span>

<div class="clear"></div>

<span class="left">
<label>Fecha del Desmonte</label>
<select style="width:60px">
    <option>Día</option>
	<option>Opción 2</option>
	<option>Opción 3</option>
	<option>Opción 5</option> 
	<option>Opción 7</option> 
	<option>Opción 1</option> 
	<option>Opción 9</option> 
</select>

<select style="width:60px">
    <option>Mes</option>
	<option>Enero</option>
	<option>Febrero</option>
	<option>Marzo</option> 
	<option>Abril</option> 
	<option>Mayo</option> 
	<option>Junio</option>
	<option>Julio</option>
	<option>Agosto</option>
	<option>Septiembre</option>
	<option>Octubre</option>
	<option>Noviembre</option>
	<option>Diciembre</option> 
</select>

<select style="width:60px">
    <option>Año</option>
	<option>2012</option>
	<option>2011</option>
	<option>2010</option> 
	<option>2009</option> 
	<option>2008</option> 
	<option>2007</option> 
	<option>2006</option> 
	<option>2005</option> 
	<option>2004</option> 
	<option>2003</option> 
</select>
</span>

<span class="left">
<label>Hora</label>
 <input type="text"  style="width:125px" name=" ">
</span>

<span class="left">
<label>Nro. de Unidades</label>
<select style="width:110px">
    <option>Seleccione #</option>
	<option>Opción 2</option>
	<option>Opción 3</option>
	<option>Opción 5</option> 
	<option>Opción 7</option> 
	<option>Opción 1</option> 
	<option>Opción 9</option> 
</select>
</span>

<span class="left">
<label>Duración del desmonte</label>
<select style="width:110px">
    <option>Seleccione</option>
	<option>Opción 2</option>
	<option>Opción 3</option>
	<option>Opción 5</option> 
	<option>Opción 7</option> 
	<option>Opción 1</option> 
	<option>Opción 9</option> 
</select>
</span>

<div class="clear"></div>

<span class="left">
<label>Dirección del desmonte</label>
<select style="width:640px">
    <option>Seleccione #</option>
	<option>Opción 2</option>
	<option>Opción 3</option>
	<option>Opción 5</option> 
	<option>Opción 7</option> 
	<option>Opción 1</option> 
	<option>Opción 9</option> 
</select>
</span>

<div class="clear"></div>

<span class="left">
<label>Tipo de desmonte</label>
Valla publicitaria <input type="checkbox" name="" value=" " >
Aviso <input type="checkbox" name="" value=" " >
Tubo Petrolero <input type="checkbox" name="" value=" " >
Otro  <input type="text"  style="width:105px" name=" ">
</span>

<span class="right">
<label>Nro Fotos</label>
<select style="width:140px">
    <option>Seleccione #</option>
	<option>1</option>
	<option>2</option>
	<option>3</option> 
	<option>4</option> 
	<option>5</option> 
	<option>6</option>
	<option>7</option>
	<option>8</option>
	<option>0</option> 
</select>
</span>

<div class="clear"></div>

<span class="left">
<label>Propietario</label>
 <input type="text"  style="width:612px" name=" ">
</span>

<div class="clear"></div>

<span class="left">
<label>Especificaciones</label>
 <input type="text"  style="width:440px" name=" ">
</span>

<span class="right">
<label>Medidas</label>
 <input type="text"  style="width:150px" name=" ">
</span>

<div class="clear"></div>

<span class="left">
<label>Alusiva a</label>
 <input type="text"  style="width:612px" name=" ">
</span>

<div class="clear"></div>

<span class="left">
<label>Descripción de Elementos Retenidos</label>
<textarea rows="7" style="width:612px" name=" " >
</textarea>
</span>

<div class="clear"></div>

<span class="left">
<label>Observaciones</label>
<textarea rows="7" style="width:612px" name=" " >
</textarea>
</span>

<div class="clear"></div>

<span class="botones right">
<button type="submit">consultar</button>
<button type="reset">limpiar</button>
</span>

</form>

</div>

<!-- Fin formulario --> 

<div class="clear"></div>

</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->

<div class="footer"></div>

	<script src="<%= contextRoot %>/js/script.js"></script>
	<script type="text/javascript">
        jQ().ready(function() {
        	//jQ("#solicitudSearchForm").validate({
        	//	   submitHandler: function(form) {
			//   		        displayLoadingImage();
			//   	            form.submit();
			//   	       }
			//   	});
			jQ("input, select, input:checkbox, input:radio, input:file").uniform();
			// date-picker
			jQ("#fecha").datepicker();
			// Valida el fomulario
		    jQ("#form-buscador").validationEngine({ scroll: false, autoHideDelay: 1500, autoHidePrompt: true });
		    });
	</script>	
</body>
</html>
</f:view>
